<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        type 类型
        value 提示文字
        disabled  表单禁用
        hidden 隐藏
        checked(单选和多选) / selected(下拉菜单使用)  选中状态
        autofocus 自动获取焦点 在一个页面中只能使用一次
        placeholder 会自动消失的提示文字   h5新增的属性
        required 必填字段   

     -->

    <form action="">
        <input type="button" value="60s之后再获取" disabled hidden>

        <input type="text" disabled>

        <br>


        <!-- checked  默认值    只有单选和多选有 -->
        <input type="radio" name="s" checked><label for="">男</label>
        <input type="radio" name="s"><label for="">女</label>


        <!-- selected 默认选中  --- 只能在select中使用 -->
        <select name="" id="">
            <!-- value在option当中  要么写  要么不写   不能空着   否则影响js -->
            <option>1</option>
            <option selected>2</option>
            <option value="3">3</option>
        </select>

        <!-- autofocus 自动获取焦点 在一个页面中只能使用一次 -->
        <input type="text" placeholder="请输入姓名" autofocus>
        <!-- required 必填字段 -->
        <input type="text" placeholder="请输入姓名" required>
        <input type="text" placeholder="请输入姓名">

        <input type="submit">
    </form>


</body>

</html>